/***************** reset *****************/
*{margin: 0;padding: 0;word-wrap: break-word;}
body{color:#333; font:12px/1 "\5B8B\4F53"; background:#e9e9e9 url(../images/top_bg.html) repeat-x top;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
a{color: #333;text-decoration: none;}
a:hover{ color:#f60; text-decoration:none;}
img{border: 0;}
ul, li{list-style: none;}
table{border-collapse: collapse;border-spacing: 0;}
input, button, textarea, select, optgroup, option{font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
input, button, textarea, select{*font-size: 100%;}
sup{vertical-align: baseline;}
sub{vertical-align: baseline;}

.clear{clear: both;height: 1px;font-size: 0;line-height: 0;}

/***************** universal *****************/
#head,#nav,#banner,#foot,#i_banner,#i_content{width:980px; margin:0 auto;}

/***************** head *****************/
#head{ height:92px;}
#head .top_rt{width:500px; z-index:100; float:right;}
#head .top_rt1{width:500px; z-index:100; position:absolute;}
.tel{ height:29px; width:239px; /*background:url(../images/tel.gif) no-repeat center center;*/ float:left;}
#head .search{ float:right;}
#head .search input,.search img{ vertical-align:middle;}
#head .search input{ width:180px; height:26px; padding-left:26px; margin-right:5px; color:#aaa; line-height:26px; border:none; background:url(../images/input_bg.gif) no-repeat 0 0;}

/***************** nav *****************/
#nav{ height:55px; line-height:44px; background:url(../images/nav_bg.gif) no-repeat 0 0;}
#nav ul{ padding-left:30px;}
#nav ul li{ width:108px; height:55px; float:left; display: inline; position:relative; z-index:100;}
#nav ul li.divider{ width:2px; background:url(../images/menu_y_line.gif) no-repeat 0 top;}
#nav ul li a{ width:108px; height:55px; display:block; text-align:center; color:#fff; font-size:14px; font-weight:bold;}
#nav ul li a:hover,#nav ul li a.current,#nav ul li.iehover a,#nav ul li:hover a{ background:url(../images/h_bg.gif) repeat-x top;}

#nav li ul{ position:absolute; top:55px; left:-30px; display:none;}
#nav li ul li{ height:30px; margin:0; float:none; /*For Gecko*/ display:inline; /*For IE*/ border:1px #04617c solid; border-top:none; }
#nav li ul li a{ height:30px; line-height:30px; color:#1655bc; border:1px #04617c solid; border-top:none;}
html>/**/body ul#menu li ul li{display:block !important;/*For firfox*/}

#nav li ul.p_sub{ width:160px; left:-45px;}
#nav li ul.p_sub li{ width:160px;}
#nav li ul.p_sub a{ width:160px;}

/* 2nd Menu */ 
ul#menu li:hover li a,
ul#menu li.iehover li a{ font-size:12px; font-weight:normal; color:#fff; text-align:center; text-indent:0; background:#004C62;}

/* 2nd Menu Hover */ 
ul#menu li:hover li a:hover,
ul#menu li:hover li:hover a,
ul#menu li.iehover li a:hover,
ul#menu li.iehover li.iehover a{ font-weight:bold; background:#10ABD9;}

ul#menu li:hover ul ul, 
ul#menu li:hover ul ul ul, 
ul#menu li.iehover ul ul, 
ul#menu li.iehover ul ul ul { 
display: none; 
} 
ul#menu li:hover ul, 
ul#menu ul li:hover ul, 
ul#menu ul ul li:hover ul, 
ul#menu li.iehover ul, 
ul#menu ul li.iehover ul, 
ul#menu ul ul li.iehover ul { 
display: block; 
}

/***************** banner *****************/
.banner{ height:300px; float:right; overflow:hidden;}
.focus_ad{ height:300px; overflow:hidden; position:relative;}
.focus_ad .slide_pic li{display:none;}
.focus_ad .slide_pic .li_on{display:block;}

.focu_btn{ width:150px; float:right;}
.focus_ad .slide_txt{ width:140px; display:block; position:absolute; bottom:10px;}
.focus_ad .slide_txt li{width:20px;float:left;height:14px;line-height:14px;}
.focus_ad .slide_txt a,.focus_ad .slide_txt a:hover{ width:14px; height:14px; text-align:center; display:block; color:#fff; background:#666;}
.focus_ad .slide_txt .li_on{}
.focus_ad .slide_txt .li_on a,.focus_ad .slide_txt .li_on a:hover{ background:#f90; color:#fff;}

/***************** content *****************/
#content{ width:984px; margin:12px auto 0;}
.products .title{ height:40px; background:url(../images/p_top.gif) no-repeat 0 0;}
.products .title h3,.box .title h3{ height:40px; text-indent:-9999px; overflow:hidden; background:url(../images/tl1.gif) no-repeat 15px center;}
.products .title .more,.box .title .more{ float:right; line-height:40px; padding-right:10px; color:#666;}
.products .title .more:hover,.box .title .more:hover{ color:#f60;}

.infiniteCarousel{width: 984px; height:180px; position: relative; background:url(../images/p_con.gif) repeat-y 0;}
.infiniteCarousel .wrapper{width: 908px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ height:170px; margin: 0 38px; position: absolute; top:10px;}
.infiniteCarousel ul a img{display:block;border:1px #d5d5d5 solid;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.infiniteCarousel .wrapper ul{width:908px; /* single item * n */ list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0;}
.infiniteCarousel ul li{display:block; float:left; width:170px; padding:0 5px; line-height:22px; text-align:center;}
.infiniteCarousel ul li p{ line-height:18px;}
.infiniteCarousel ul li img{-webkit-transition: border-color 400ms;}
.infiniteCarousel ul:hover li img{ border-color: #87d7ff;}
.infiniteCarousel ul:hover li:hover img{ border-color: #57c6ff;}
.infiniteCarousel ul li a img{ display:block; margin-bottom:5px;}
.infiniteCarousel ul li a{ color:#0066b3;}

.infiniteCarousel .arrow a{width:29px; height:82px; display:block; text-indent: -999px; position: absolute; top:55px; cursor: pointer; outline: 0;}
.infiniteCarousel .left_btn a{ background: url(../images/rt_btn.gif) no-repeat 0 0; right: 0;}
.infiniteCarousel .right_btn a{ background: url(../images/lt_btn.gif) no-repeat 0 0; left: 0;}
.infiniteCarousel .left_btn a:hover{background-position: 0 -82px;}
.infiniteCarousel .right_btn a:hover{background-position: 0 -82px;}

.products .p_bottom{ height:20px; overflow:hidden; background:url(../images/p_bottom.gif) no-repeat 0 bottom;}

.about,.news,.contact{ width:321px; float:left; margin-top:8px;}
.box .title{ height:40px; background:url(../images/box_top.gif) no-repeat 0 0;}
.about .title h3{ background:url(../images/tl2.gif) no-repeat 15px center;}
.news .title h3{ background:url(../images/tl3.gif) no-repeat 15px center;}
.contact .title h3{ background:url(../images/tl4.gif) no-repeat 15px center;}
.box .b_bottom{ height:19px; overflow:hidden; background:url(../images/box_bottom.gif) no-repeat 0 bottom;}
.about .a_pic{ padding-bottom:5px; text-align:center;}
.box .con{ height:195px; overflow:hidden; padding:10px 18px 0; line-height:24px; background:url(../images/box_con.gif) repeat-y 0;}

.news{ padding:0 10px;}
ul.n_list li{ line-height:24px;}
ul.n_list li a{ padding-left:10px; background:url(../images/arrow.gif) no-repeat 0 2px;}
ul.n_list li span.data{ float:right; color:#666;}

.contact .con{ height:225px; background:url(../images/con_bg.gif) no-repeat 0 0;}
.contact .con h2{ font-size:14px; font-weight:bold; color:#019bca;}

/***************** foot *****************/
#foot_bg{ height:84px; line-height:20px; color:#fff; background:#595959 url(../images/foot_bg.gif) repeat-x top;}
.f_info{ padding-top:15px; background:url(../images/f_logo.jpg) no-repeat right 10px;}
span.bah{ float:right; margin:40px 10px 0 0;}


/***************** insidepage *****************/
#i_content{ margin:12px auto 20px;}

#left{ width:221px; float:left;}
#left .title{ height:40px; background:url(../images/lt_top.gif) no-repeat 0 0;}
#left .title h3{ height:40px; text-indent:-9999px; overflow:hidden; background:url(../images/i_a_tl.gif) no-repeat 15px center;}
#left h3.n_title{ background:url(../images/i_a_tl1.gif) no-repeat 15px center;}
#left h3.p_title{ background:url(../images/i_a_tl2.gif) no-repeat 15px center;}
#left h3.c_title{ background:url(../images/i_a_tl3.gif) no-repeat 15px center;}
#left h3.s_title{ background:url(../images/i_a_tl4.gif) no-repeat 15px center;}
#left h3.cu_title{ background:url(../images/i_a_tl5.gif) no-repeat 15px center;}
#left .con{ background:url(../images/lt_con.gif) repeat-y 0;}
#left .lt_bottom{ height:19px; overflow:hidden; background:url(../images/lt_bottom.gif) no-repeat 0 bottom;}

#left_menu{ padding:10px 10px 0;}
#left_menu li{ padding-bottom:1px; background:url(../images/lt_line.html) repeat-x bottom;overflow: hidden;}
#left_menu li a{ height:28px; line-height:28px; padding-left:10px; display:block; color:#333; background:#d6d6d6;}
#left_menu li a:hover,#left_menu li a.current{ color:#fff; font-weight:bold; background:#0089b3 url(../images/lt_arrow.gif) no-repeat 170px 10px; }

#left_menu li li a{ padding-left:20px; background:#f0f0f0 url(../images/arrow1.gif) no-repeat 10px center;}
#left_menu li li a:hover,#left_menu li li a.current{ font-weight:normal; background:#52c9ee url(../images/arrow1.gif) no-repeat 10px center;}

#right{ width:754px;; float:right;}
#right .title{ height:40px; line-height:40px; background:url(../images/rt_top.gif) no-repeat 0 0;}
#right span.crumb{ float:right; padding:0 20px; background:url(../images/home.gif) no-repeat 0 13px;}
#right span.crumb a{ color:#333;}
#right span.crumb a:hover{ color:#f60; text-decoration:underline;}
#right span.crumb span.c_current{ font-weight:bold; color:#f60;}
#right .title h3{ height:40px; padding-left:20px; font-size:14px; font-weight:bold; color:#0089b3;}
#right .con{ padding:20px 30px; line-height:24px; background:url(../images/rt_con.gif) repeat-y 0;}
#right .lt_bottom{ height:19px; overflow:hidden; background:url(../images/rt_bottom.gif) no-repeat 0 bottom;}

#right .con .i_a_pic{ text-align:center; padding-bottom:20px;}
#right .about_con{ padding:20px 50px;}

.nlist li{line-height:30px; padding:3px 0; background:url(../images/dashed.gif) repeat-x 0 bottom;}
.nlist li:hover{ background-color:#f1f1f1;}
.nlist li a{ display:block; background:url(../images/arrow2.gif) no-repeat 8px center; padding-left:20px; color:#333;}
.nlist li a:hover{display:block; color:#f60; background:#f1f1f1 url(../images/arrow2.gif) no-repeat 8px center;}
.nlist li .data{float:right;padding-right:10px; color:#999;}

.textTitle{margin:10px auto 20px;text-align:center; font:normal 24px/40px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; color:#000;}
.subtime{line-height:2em;text-align:center;background:#f1f1f1; padding:0 20px; font-size:12px; color:#666;}
.article{padding:10px 10px 30px;}
.up-down{ padding:15px 0 0 10px; color:#1481BB;}
.up-down a{ color:#000;}
.back{ text-align:center; background:#f1f1f1;}
.back a{ color:#0D4E99;}

#right .i_products{ padding:20px 12px;}
.pro_info{ height:30px; line-height:30px; padding:0 10px; margin-bottom:20px; border:1px #d1d1d1 solid; background:url(../images/pro_info_bg.gif) repeat-x top;}
span.num{ color:#f00;}
.pro_search{ float:right;}
.pro_search input,.pro_search img{ vertical-align:middle;}
.pro_search select{ width:160px;}
.pro_search input{ width:163px; height:20px; padding-left:26px; margin-right:5px; color:#aaa; line-height:26px; border:1px #c4c4c4 solid;}

ul.p_list a img{display:block;border:1px #d5d5d5 solid;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
ul.p_list li{ width:170px; height:190px; display:block; float:left; padding:0 5px; line-height:22px; text-align:center;}
ul.p_list li p{ line-height:18px;}
ul.p_list li img{-webkit-transition: border-color 400ms;}
ul.p_list:hover li img{ border-color: #87d7ff;}
ul.p_list:hover li:hover img{ border-color: #57c6ff;}
ul.p_list li a img{ display:block;width: 170px;height:134px;margin-bottom:5px;}
ul.p_list li a{ color:#0066b3;}

.pro_name{ font-size:18px; font-weight:bold; color:#000; text-align:center; padding:10px 0;}
.pro_pic{ float:left; text-align:center;padding:10px 0 20px; max-width:320px; width:expression(this.width >320 && 320 ? 320: true);}
.pro_about{ width:360px; float:right;}
.pro_about .pro_explain{ border:none; background:none; padding-left:5px;}
.pro_explain strong{ font:normal 14px/30px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";}
.pro_about .con_con{ padding-top:5px;}
.pro_pic img{ border:1px #dedede solid;}
.pro_explain{ line-height:31px; padding-left:15px; font:bold; font-size:14px; color:#f60; border:1px #dedede solid; background:#f4f4f4;}
.con_con{ padding:15px 5px; line-height:2em;}

.down_list li{line-height:30px; background:url(../images/dashed.gif) repeat-x 0 bottom;}
.down_list li a{ background:url(../images/arrow2.gif) no-repeat 6px center; padding-left:20px; color:#333;}
.down_list li a:hover{ color:#f60; background:url(../images/arrow2.gif) no-repeat 6px center;}
.down_list li .down,.down_list li .size{ float:right; width:128px; text-align:center;}
.down_list li .down a{ color:#666; padding:0; background:none;}
.down_list li .down a:hover{ text-decoration:underline; padding:0; background:none;}

/***************** pagination *****************/
.flip_pages_front{font-size: 12px; font-family: arial,sans-serif; height:25px;padding:20px 15px 5px 0px; text-align:center; clear:both;}
.flip_pages_front a{margin:0px 1px;padding:2px 5px;text-align:center;border:1px solid #ddd;color:#2c56a2; text-decoration: none;}
.flip_pages_front a:hover{color:#ef9a1e; text-decoration: none;}
.flip_pages_front .pageson{color:#fe7c04; background: #fff1e4; border: 1px solid #fe7c02;}
.flip_pages_front .pagesnum, .flip_pages_front .pagesnone{text-decoration:none;}
.flip_pages_front .pagesInput, .flip_pages_front .pagesnone, .flip_pages_front .pagego{border:0px;padding:2px 0px;margin:0px 2px;color:#2c56a2;}
.flip_pages_front .pagesInput input{width:30px;margin:0px 2px; height:15px; text-align:center; border: 1px solid #7c9dbc;}
.flip_pages_front .pagego input{width:45px; height:20px; border:0; color:#fff; line-height:20px; cursor:pointer; background:url(../images/confirm.gif) no-repeat 0 0;}
#PageManage .current{margin-right:5px;font-weight:Bold;color:red; padding:0px 1px 0px 3px;}

/*��Ա���*/
	
.ftable{ width:100%; border:1px solid #f0f0f0; background:#fff; }
.mtable{ width:100%; background:#fff; _width:auto; }
	.mtable th,.ftable th{ padding:0.8em; color:#6e717a; font-size:13px; font-weight:400; background:#fbfbfb; border-bottom:1px solid #e8e8e8; }
	.mtable td,.ftable td{ padding:0.8em; color:#333; font-size:13px; border-bottom:1px solid #F3F3F3; }
	.ftable td .img{ padding:1px; width:60px; height:60px; border:1px solid #e8e8e8; }
	.ftable td s{ color:#999; text-decoration:line-through; }
	.mtable .tr_odd_bg,.ftable .tr_odd_bg{ background:#f9f9f9; }
.page-foot{ clear:both; font-size:13px; padding-top:15px; height:35px; }
.page-btns{ float:left; }
	.page-btns a{ color:#444; font-weight:bold; margin-right:5px; }
	.page-btns .pipe{ color:#cbcbcb; margin:0 5px; }

.login-right h1{ margin-bottom:20px; color:#555; font-size:22px; font-weight:700; letter-spacing:3px; line-height:30px; height:30px; text-align:center; }
	.login-right li{ position:relative; clear:both; margin-bottom:10px; height:50px; *display:inline; *zoom:1; }
	.login-right li label{ position:absolute; top:1px; left:10px; width:68px; height:40px; line-height:40px; color:#999; font-size:14px; }
	.login-right li input{ display:block; margin:0; padding:10px 10px 10px 80px; width:208px; height:20px; line-height:20px; border:1px solid #e8e8e8; background:#fbfcff; color:#333; font-size:14px; border-radius:3px; }
	.login-right li input:focus{ border-color:#999; }
	.login-right li span{ line-height:24px; }
	.login-right .btn-box .col{ clear:both; margin-bottom:10px; padding-bottom:10px; color:#555; font-size:14px; line-height:20px; }
	.login-right .btn-box .col .submit{ display:block; padding:10px 20px; width:100%; color:#fff; font-size:14px; line-height:20px; border:0; background:#1e7bb3; text-align:center; border-radius:3px; cursor:pointer; }
	.login-right .btn-box .tips{ display:none; margin:0; padding:0; text-align:center; font-size:12px; color:#f00; }
	.login-right .oauth-box { clear:both; padding-top:20px; }
	.login-right .oauth-box h3{ display:block; margin-bottom:10px; color:#555; font-size:14px; line-height:30px; height:30px; font-weight:normal; }
	.login-right .oauth-box p{ margin-left:-25px; }
	.login-right .oauth-box p a{ display:block; float:left; margin:0 0 10px 25px; _display:inline; _zoom:1; }
	.login-right .oauth-box p a img{ width:38px; height:38px; }

.inner-box{ margin:30px 0; min-height:350px; _height:350px; border:1px solid #f0f0f0; background:#fff; text-align:center; }
	.inner-box .dl-list{ margin:0 auto; padding:30px; text-align:left; width:590px; font-size:14px; }
	.inner-box .dl-list dl{ clear:both; display:block; padding:5px 0; }
	.inner-box .dl-list dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.inner-box .dl-list dl dt{ display:block; padding:5px 0; float:left; width:30%; line-height:42px; min-height:42px; color:#555; text-align:right; }
	.inner-box .dl-list dl dd{ position:relative; padding:5px 0 5px 20px; line-height:42px; min-height:42px; color:#555; overflow:hidden; _margin-left:120px; }
	.inner-box .dl-list dl dd .input{ padding:10px; }
	.inner-box .dl-list dl dd a.send{ display:inline-block; color:#555; border:1px solid #e8e8e8; border-radius:3px; width:110px; height:40px; line-height:40px; color:#333; font-size:14px; text-align:center; background:#fff; vertical-align:middle; }
	.inner-box .dl-list dl dd a.send.gray{ color:#999; }
	.inner-box .dl-list dl dd a.send img{ margin-top:9px; }
	.inner-box .dl-list dl dd .input.code{ width:84px; ime-mode:disabled; text-transform:uppercase; }
	
	.inner-box .tab-head{ display:block; border-bottom:1px solid #f0f0f0; background:#fbfbfb; overflow:hidden; }
	.inner-box .tab-head ul li{ float:left; margin-left:-1px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; }
	.inner-box .tab-head ul li a{ display:block; padding:0 30px; height:50px; line-height:50px; color:#555; font-size:14px; }
	.inner-box .tab-head ul li a:hover,.inner-box .tab-head ul li a.selected{ color:#666; background:#fff; border-bottom:2px solid #0089cd; }
	.inner-box .tab-content{ display:none; }

    .btn{ display:inline-block; margin:0; padding:0 25px; color:#fff; font-size:12px; height:38px; line-height:38px; text-align:center; }
.btn{ background:#1e7bb3; border:1px solid #02598E; border-radius:2px; vertical-align:middle; }
.btn:hover{ color:#fff; opacity:0.9; }
.btn-mini{ height:20px; line-height:20px; padding:1px 8px 0; }
input.btn, button.btn{ height:40px; cursor:pointer; overflow:visible; }
.btn-success{ background:#52A152; border:1px solid #417F41; text-shadow:0 -1px 0 #52A152; }
.btn-error{ background:#CB423B; border:1px solid #AA352F; text-shadow:0 -1px 0 #CB423B; }
.btn-gray{ background:#ddd; border:1px solid #A9A9A9; text-shadow:0 -1px 0 #EEEEEE;}
.btn-gray,.btn-gray:hover{ color:#777; }